/**
 * Created by Tsuna Chenug on 2016/12/8.
 */
import React, {Component} from 'react';
import {
    StyleSheet,
    View,
    Text
} from 'react-native';
export default class Header extends Component {
    render() {
        return (
            <View style={headerStyles.header}>
                <Text style={headerStyles.headerFont}>{this.props.name}</Text>
            </View>
        );
    }
}

const headerStyles = StyleSheet.create({
    header: {
        flex: 1,
        backgroundColor: "#2E7CDE",
        justifyContent: 'center',
        alignItems: 'center'
    },
    headerFont: {
        color: "#ffffff",
        fontSize: 30
    }
});

